import { useState, useEffect } from "react";
import "./index.less";
import BookList from "./components/BookList";
import BookContent from "./components/BookContent";

function Book() {
  const [content, setContent] = useState({
    id: '',
    type: ''
  });
  
  return (
    <>
      <div className="flex-base">
        <BookList setContent={setContent}/>
        <BookContent content={content}/>
      </div>
    </>
  );
}

export default Book;
